body { overflow: hidden; background: #fff; margin: 0px; }
span.a { cursor: pointer; color: #339; }
a { cursor: pointer; }
button {
	cursor: pointer; border: 1px solid #fff; border-radius: 4px; color: #fff;
	font-size: 14px; height: 30px; width: auto; background: #2B7BBD; margin-right: 12px
}
button.a { background: transparent; height: auto; }
button[disabled] { background: #CCC; }

.center {
	display: block; width: 80px; height: 24px; text-align: center !important;
}

/* .tabs>.body>.main>div { min-width: 860px; } */
.tabs>.body>.main>div>.head {
	padding: 12px 12px 0px 12px; height: 32px; line-height: 32px;
}
.tabs>.body>.main>div>.body { padding: 12px 12px 0px 12px; }

.dialog>.body { padding: 12px; }
.dialog>.body>.title { display: none; }
.dialog>.body>.body { margin-top: 12px; }
.dialog>.body>.head { height: 32px; line-height: 32px; }
.dialog>.body>.foot { margin-top: 8px; height: 32px; line-height: 32px; text-align: center; }

.form .label { width: 120px }
/* .form .input[type=text] { height: 24px; border: 1px solid #CCC; } */

input.key { height: 24px; float: right; }

.inline { display: -moz-inline-block; display: inline-block }

#head {
	height: 60px; color: #FFFFFF; line-height: 60px;
	border-bottom: 2px solid #84b9e3;
	background-color: #388CD2;
}
#head>.main { float: left; margin-left: 30px; height: 40px; }
#head>.main .title { font-size: 32px; }

#head>.logon {
	float: right; width: auto; height: 40px; text-align: right;
	font-size: 14px; margin-right: 20px
}
#head>.logon .a { margin-left: 24px }

#head>.logo {
	background: url('./default/images/logo_s.png');
	width: 120px; height: 54px;
}

#head>.title { height: 60px; line-height: 80px; font-size: 24px; }

#head span.a { color: #CCFFCC; }

#head .btn1 {
	width: 60px; height: 60px; border: none; cursor: pointer;
	background-color: transparent; background-repeat: no-repeat;
}
#head .btn1:hover { background-color: #2B7BBD; }

/* 导航 */
#backBtn { float: left; background-image: url(./img/back0.png); }
#saveBtn { float: right; background-image: url(./img/save0.png); }
#menuBtn { float: right; background-image: url(./img/menu2.png); }

.login .form { margin-top: 32px; }
.login input.code { width: 258px; }
.login input.password { width: 258px; }
.login input.verifyCode { width: 108px; }
#vcImg { height: 26px; }

/* */
#body .infoPl { float: left; overflow: auto; }
#body .infoPl>div { padding: 8px 0px 0px 8px; }

#body .infoPl>div>.title { margin: 12px 0px 0px 12px; font-size: 24px; }
#body .infoPl>div>.form { margin: 12px }
#body .infoPl>div>.form>.item>input[type=text] { width: 338px; }
#body .infoPl>div>.form>.item>input[type=number] { width: 338px; }
#body .infoPl>div>.form>.item>span { height: 24px; line-height: 24px; }
#body .infoPl>div>.form>.item>textarea { width: 338px; height: 100px; }

#body .infoPl>div>.navi { height: 36px; line-height: 32px; font-size: 18px; }
#body .infoPl>div>.head { height: 36px; }
#body .infoPl>div>.body>.head { height: 48px; line-height: 48px; }
#body .infoPl>div .item >input { width: 324px; }
#body .infoPl>div .item >textarea { width: 324px; }

#body>.home>.left {
	width: 240px; float: left; overflow-x: hidden; overflow-y: auto;
	border-right: 1px solid #CCC;
}
#body>.home>.left>.item {
	height: 26px; line-height: 26px; font-size: 18px; text-align: center;
}

#body>.home>.left .menu1>.head {
	height: 26px; line-height: 26px; font-size: 18px; text-align: left;
	background-color: #84b9e3; cursor: pointer; border-bottom: 1px solid #388CD2;
}
#body>.home>.left .menu1>.body {
	font-size: 14px; background-color: #FFF; padding-left: 16px;
}
#body>.home>.left .menu2>.head {
	height: 24px; line-height: 24px; font-size: 16px; cursor: pointer;
}
#body>.home>.left .menu2>.body { display: none; }

#body .dirIndex .tree, #body .adminIndex .tree, #body .appIndex .tree {
	width: 240px;
	float: left;
	overflow: hidden;
	border-right: 1px solid #CCC;
}
body .dirPicker .tree {
	margin: 12px; border: 1px solid #CCC; width: 456px; height: 480px;
}

.grid>.main>.body>.tt>.expand {
	border-bottom: 1px solid #93C3CD; margin-right: 6px; border-right: 1px solid #93C3CD;
}

.form input[type=text] { width: 338px; }
.form .item>textarea { width: 338px;}


/*流程相关样式*/
#body>.flowEdit>.tabs { width: 240px; float: left; }
#body>.flowEdit>.tabs>.body>.main { overflow: hidden }
#body>.flowView>.tabs { width: 240px; float: left; }
#body>.flowView>.tabs>.body>.main { overflow: hidden }
#body>.flowView>.tabs .execPl>.main { height: 240px; margin: 12px 0px 12px 0px }
#body>.flowView>.tabs .execPl>.foot>.title {
	background-color: #EEE; font-size: 16px; margin: 8px 0px 12px 8px;
}

#body>.flowEdit>.tabs .nodePl { height: 100%; overflow-y: auto }
#body>.flowEdit>.tabs .comTree { height: 100%; overflow: hidden }
#body>.flowEdit>.tabs .nodePl>.item { float: left; width: 108px; height: 80px; text-align: center; }
#body>.flowEdit>.tabs .nodePl>.item.selected { background-color: #00AAEE; color: #FFFFFF; }
#body>.flowEdit>.tabs .nodePl>.item .nodes {
	overflow: hidden; width: 100px; height: 50px; margin: 4px;
	background-image: url(../flow/img/nodes.png);
}
#body>.flowEdit>.tabs .nodePl .process { background-position: 0px 0px; }
#body>.flowEdit>.tabs .nodePl .input { background-position: -100px 0px; }
#body>.flowEdit>.tabs .nodePl .start { background-position: -200px 0px; }
#body>.flowEdit>.tabs .nodePl .subflow { background-position: 0px -50px; }
#body>.flowEdit>.tabs .nodePl .switch { background-position: -100px -50px; }
#body>.flowEdit>.tabs .nodePl .end { background-position: -200px -50px; }
#body>.flowEdit>.tabs .nodePl .judge { background-position: 0px -100px; }
#body>.flowEdit>.tabs .nodePl .arrow { background-position: -100px -100px; }
#body>.flowEdit>.tabs .nodePl .output { background-position: -200px -100px; }
#body>.flowEdit>.tabs .nodePl .try { background-position: 0px -150px; }
#body>.flowEdit>.tabs .nodePl .finally { background-position: 0px -200px; }
#body>.flowEdit>.tabs .nodePl .catch { background-position: -100px -150px; }
#body>.flowEdit>.tabs .nodePl .yrt { background-position: -100px -200px; }
#body>.flowEdit>.tabs .nodePl .beginTx { background-position: -200px -150px; }
#body>.flowEdit>.tabs .nodePl .commitTx { background-position: -200px -200px; }
#body>.flowEdit>.tabs .nodePl .fork { background-position: 0px -250px; }
#body>.flowEdit>.tabs .nodePl .join { background-position: -100px -250px; }
#body>.flowEdit>.tabs .nodePl .suspend { background-position: -200px -250px; }

#body>.flowView>.tabs .recPl { height: 100%; overflow: hidden }

#flowCvs { margin: 12px; }

<!--  -->
#body>.flowEdit .cvsBox {
	background-color: #EEE; float: left; min-width: 240px; overflow: auto;
}
#body>.flowEdit .propPl {
	width: 360px; min-width: 360px; float: left; overflow-y: auto;
}
#body>.flowEdit .propPl .label { width: 80px; }
#body>.flowEdit .propPl .item>input[type=text] { width: 230px; }
#body>.flowEdit .propPl .item>input[type=checkbox] { margin-top: 6px; }
#body>.flowEdit .propPl .item>textarea { width: 230px; height: 60px; }
#body>.flowEdit .propPl .nodeProp>.title {
	font-size: 16px; cursor: pointer; margin: 8px 0px 12px 8px; text-decoration: underline;
}
#body>.flowEdit .propPl .title .icon {
	margin: 3px 4px 0px 0px; border: 1px solid #666;
}
#body>.flowEdit .subform.locked { color: #666; }
#body>.flowEdit .subform.locked .item>input[readOnly] {
	background-color: transparent; color: #CCC; border: 1px solid #CCC;
}
#body>.flowEdit .subform.locked .item>input[type=checkbox] { border: 1px solid #CCC; }

<!--  -->
#body>.flowView .cvsBox {
	background-color: #EEE; float: left; min-width: 240px; overflow: auto;
}
#body>.flowView .propPl {
	width: 360px; min-width: 360px; float: left; overflow-y: auto;
}
#body>.flowView .propPl .label { width: 80px; }
#body>.flowView .propPl .item>input[type=text] { width: 230px; }
#body>.flowView .propPl .item>input[type=checkbox] { margin-top: 6px; }
#body>.flowView .propPl .item>textarea { width: 230px; height: 60px; }
#body>.flowView .propPl .title {
	font-size: 16px; cursor: pointer; margin: 8px 0px 12px 8px; text-decoration: underline;
}
#body>.flowView .propPl .title .icon {
	margin: 3px 4px 0px 0px; border: 1px solid #666;
}
#body>.flowView .subform.locked { color: #666; }
#body>.flowView .subform.locked .item>input[type=text], #body>.flowEdit .subform.locked .item>textarea {
	background-color: transparent; color: #CCC; border: 1px solid #CCC;
}
#body>.flowView .subform.locked .item>input[type=checkbox] { border: 1px solid #CCC; }

body .facePicker .form .label { float: left; width: 70px; }
body .facePicker .form input { width: 158px; }
body .facePicker .form button { border: 1px solid #CCC; height: 26px; margin-left: 8px; }
body .facePicker .viewPort { margin: 12px 12px 0px 12px; height: 408px; }
body .facePicker .tree {
	margin: 12px; border: 1px solid #CCC; width: 456px; height: 480px;
}
.window.faceView>.body>.tabs { margin: 4px; }
body .faceParam .form>.item>.msg{ text-align: left;}

body .comPicker .tree {
	margin: 12px; border: 1px solid #CCC; width: 456px; height: 480px;
}

.comEdit .form { float: left; margin: 12px; }
.comEdit .form textarea { height: 108px; width: 258px; }
.comEdit .form .item>input[type=text] { width: 258px; }
.comEdit .form .item>span.msg { width: 258px; display: block; float: left; margin: 0 4px; text-align: left;}
.comPicker>.body>.form { height: 24px; margin: 12px 12px 8px 12px; }
.comPicker>.body>.main { height: 380px; margin: 12px; }

.pmsMap .viewPort {
	border: 1px solid #CCC; height: 340px; margin: 8px;
}
.pmsMap .item input[name=belong] { width: 400px; }

.form>.item>.msg{text-align: left;}

.macRpcIndex>.left { width: 400px; }
.macRpcIndex>.infoPl>div>.head { font-size: 16px; height: 24px; line-height: 22px; }

.refs .providers .fl { width: 260px; }
.refs .providers .mid {
	float: left; border-left: 1px solid #CCC; border-right: 1px solid #CCC;
}
.refs .providers .mid button { width: 80px; margin: 8px; }




.home .soagov-home{ 
	padding:10px 30px 0px 10px;
	display: flex;
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	justify-content: flex-start;
	flex-wrap: wrap;
}
.home .soagov-home .fi{
	margin-left:20px;
	margin-top:20px;
	box-sizing: border-box;
	height:300px;
	width: 30%;
	border: 1px solid #CCCCCC;
}
.home .soagov-home .fi-wirhout-border{
	font-size:16px;
	border: 0 !important;
}
.home .soagov-home .fi-wirhout-border>a{
	text-decoration:underline;
}
.home .soagov-home .fi >.head{
	padding-left:15px;
	color: white;
	font-size: 16px;
	height: 50px;
	line-height: 50px;
	background-color: #388CD2;
}

.home .soagov-home .fi >.list{
	margin:0;
	height:100%;
	padding-left:30px;
	overflow-y:auto;
}
.home .soagov-home .fi >.list>.item{
	list-style-type:disc;
 	margin-top:5px;
	color:black;
}
.home .soagov-home .fi >.list>.item>a{
	width:100%;
	overflow: hidden;
	text-overflow: ellipsis;
 	white-space: nowrap;
}
.home .soagov-home .fi >.list>.item:hover{
	cursor: pointer;
}


.faceImplList .bottom{
	text-align: center;
}